.hero {
    /* margin-top: 50px; */
    /* background-color: redك */

    .background {
        background-image: url(public/assets/images/web/latest-tec-4.webp);
        background-size: cover;
        background-position: center center;

        .content {
            h2 {
                font-weight: 300;
                font-size: 40px;
                letter-spacing: -2%;
                color: var(--main);
            }
            p {
                font-weight: 300;
                font-size: 18px;
                letter-spacing: -2%;
                color: var(--main);
            }
        }
    }
}

.customer-opinion {
    .header {
        text-align: center;
        margin-bottom: 40px;
        h2 {
            font-weight: 300;
            font-size: 48px;
            letter-spacing: -0.5px;
            color: var(--third);
        }
    }

    /* موبايل */
    @media (max-width: 640px) {
        .header {
            margin-bottom: 25px;
        }

        .header h2 {
            font-size: 24px;
        }
    }

    /* تابلت */
    @media (min-width: 641px) and (max-width: 1024px) {
        .header h2 {
            font-size: 34px;
        }
    }

    /* ديسكتوب */
    @media (min-width: 1025px) {
        .header h2 {
            font-size: 48px;
        }
    }

    .cards {
        .card {
            border: solid 1px #f4f4f4;
            .card-header {
                margin-bottom: 24px;
                h4 {
                    font-weight: 400;
                    font-size: 18px;
                    letter-spacing: -0.5px;
                    color: var(--third);
                }
                span {
                    font-weight: 300;
                    font-size: 12px;
                    letter-spacing: -0.5px;
                    color: #7e7e7e;
                }
            }
            .card-body {
                p {
                    font-weight: 400;
                    font-size: 16px;
                    letter-spacing: -0.5px;
                    color: var(--third);
                }
            }
        }

        /* موبايل */
        @media (max-width: 640px) {
            .card .card-header h4 {
                font-size: 16px;
            }

            .card .card-header span {
                font-size: 11px;
            }

            .card .card-body p {
                font-size: 13px;
                line-height: 1.6;
            }
        }

        /* تابلت */
        @media (min-width: 641px) and (max-width: 1024px) {
            .card .card-header h4 {
                font-size: 17px;
            }

            .card .card-header span {
                font-size: 12px;
            }

            .card .card-body p {
                font-size: 14px;
                line-height: 1.7;
            }
        }

        /* ديسكتوب */
        @media (min-width: 1025px) {
            .card .card-header h4 {
                font-size: 18px;
            }

            .card .card-header span {
                font-size: 12px;
            }

            .card .card-body p {
                font-size: 16px;
            }
        }
    }
}